<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet"  href="css/home.css"/>
		<link  href="images/favicon.png" rel="icon"/>
		<link rel="stylesheet"  href="css/animate.min.css"/>
		<script type="text/javascript"> 
			function showImg(){ 
			document.getElementById("wxImg").style.display='block'; 
			}
			function hideImg(){ 
			document.getElementById("wxImg").style.display='none'; 
			} 
		</script>
		<style>
			 #service_active{
				border-bottom: 2px solid white;
				margin-bottom: 20px;
			}
		</style>
	</head>
	<body>
		<div class="service_meide">
			
			<div class="service_meide_banner">
				<!--网页banner部分开始-->
				<div class="banner">
					<div class="banner_txt_middle">
						<div class="nav">
						<div class="logo fl">
							<a href="index.html">
								<img src="images/diansheLOGO.png" />
							</a>
						</div>
						<div class="tell fr">
							<a href="#">
								<img src="images/phone.png" />
							</a>
						</div>
						<ul class="fr">
							<li>
								<a href="project.html">案例</a>
							</li>
							<li id="service_active">
								<a href="service.html">服务</a>
							</li>
							<li>
								<a href="about.html">关于</a>
							</li>
							<li>
								<a href="news.html">研究</a>
							</li>
						</ul>
					</div>
					
					<div class="banner_img">
						<video src="images/01-vd.mp4"  autoplay="autoplay" loop="loop"></video>
						<img src="images/md_img04.png" />
					</div>
						
					</div>
					
				</div>
			</div>
				<!--网页banner结束-->
				
				<!--网页内容开始-->
				<!--与空调领导者共同创造开始-->
			 <div class="section-2">
			    <div class="section-text">
				   <p>与空调领航者共同创造</p>
				   <p>我们与美的的合作，是一个横跨产品设计、用户研究、交互设计、视觉设计、动效设计的合作。设计团队通过用户研究，挖掘出各类用户对美的中央空调系统的差异化诉求；通过交互与视觉设计，带来适合于现代用户审美和操作的界面语言；融合动效设计，帮助用户更好地理解信息并进行操作，同时让体验更具趣味性。根据产品原有的设计，我们进行了一系列的用户研究和对品牌特征的挖掘；同时针对产品不同功能、使用场景、用户习惯等各方面因素，进行了一整套的交互、视觉和动效设计；与美的品牌风格融为一体。
				   </p>
			    </div>
					<div class="section2-img">
					    <img src="images/md_02.jpg" />
					</div>
		     </div>
		     
		     <!--深入了解用户开始-->
		     <div class="section-3">
		     	<div class="section-text">
		     		<p>深入了解用户、解决用户痛点</p>
		     		<p>从 2015 年 6 月份，设计团队便开始实施用户调研，访谈了数十个专业用户和新手用户，观察家庭中不同年龄层用户的生活环境以及使用家用中央空调的方式，并分别进行深度访谈：他们经常怎样使用？在什么情况下会去调节控制系统？使用旧版本是什么样的感觉？碰到过什么问题？主要使用哪些功能？什么因素会影响控制系统的正常使用…… 通过调研，这些问题的答案渐渐变得清晰。访谈结束，设计团队进行归纳整理，总结出共性和隐性的相互关系，更进一步分析目标受众的需求和渴望。通过打造完整的线下服务体验，解决用户在线下体验中的痛点，塑造一种高品质的服务。
                  </p>
		     	</div>
		     	<div class="section3-list main clearfix">
                <div class="section3-pain">
                    <a>痛点</a>
                    <ul>
                        <li>1.界面功能太多，不能直观看到常用功能；</li>
                        <li>2.要查看当前温度风速才能调节，步骤繁琐；</li>
                        <li>3.休息时，需重新打开查看温度风速再去调整；</li>
                        <li>4.经常忘记关空调</li>
                    </ul>
                </div>
                <div class="section3-expect">
                    <a>期望</a>
                    <ul>
                        <li>1.界面整洁直观;</li>
                        <li>2.操作界面更易理解;</li>
                        <li>3.功能模块分布更明显;</li>
                        <li>4.常用功能更突出;</li>
                        <li>5.视觉呈现酷炫;</li>
                        <li>6.结合动画音效.</li>
                    </ul>
                </div>
                <div class="section3-dot">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                       <!-- <li></li>-->
                        <!--<li></li>
                        <li></li>
                        <li></li>
                        <li></li>-->
                    </ul>
                </div>
            </div>
		     </div>
		     
		     <!--让产品在使用时更加简洁直观-->
		     <div class="section-4">
            <div class="main">
                 <div class="section-text">
                        <p>让产品在使用时更加简洁直观</p>
                        <p>中央空调控制系统功能比较多，但是用户对功能操作的结果并没有清晰的概念。本是为操作便利清晰易懂而诞生的空调控制系统，操作上却令用户迷惑。因此，在重新设计美的中央空调控制系统时，设计师没有使用夸张的视觉设计吸引消费者的目光，而是提出一个问题：如何让用户在使用中加深对产品的信赖。
                        </p>
                    </div>   
                <div class="section4-img ">
                	<img src="images/md_img01.png" />
            </div>
            </div>
        </div>
        
      <!-- 轻巧酷炫的视觉语言贯穿部分-->
         <div class="section-6">
            <div class="main">
                 <div class="section-text">
                        <p>轻巧酷炫的视觉语言贯穿，提升品牌辨识度</p>
                         <p>在家用空调控制系统的红海市场中，产品的视觉差异特征尤为重要。我们结合美的空调品牌的特点，着重打造轻量的体积感、轻能源概念、轻科技感的年轻化品牌语言，基于产品上功能的不同特征，我们做了不同的变化。运用不同的设计元素和颜色特征表现不同功能下的视觉感受：抽湿用粘稠的图形、加热用太阳的图形衍生等等，再运用动效的形式表示空调处于的工作状态等细节。
                    </p>
                    </div>   
                <div class="section6-img ">
                	<img src="images/md_img03.png" />
            </div>
            </div>
        </div>
        <!--底部开始-->
        <div class="main_foot">
				<div class="foot clearfix">
					<div class="foot_logo fl">
						<a href="index.html"><img src="images/diansheLOGO.png" /></a>
						<p>设计和技术创造极致用户体验</p>
					</div>
					<div class="con fl">
						<ul class="list1">
							<h3>我们</h3>
							<li>
								<a href="#"	>服务项目</a>					
							</li>
							<li>
								<a href="#"	>关于我们</a>					
							</li>
							<li>
								<a href="#"	>新闻动态</a>					
							</li>
							<li>
								<a href="#"	>加入我们</a>					
							</li>
							<li>
								<a href="#"	>联系我们</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>案例</h3>
							<li>
								<a href="project.html"	>全部</a>					
							</li>
							<li>
								<a href="#"	>网站</a>					
							</li>
							<li>
								<a href="#"	>移动app</a>					
							</li>
							<li>
								<a href="#"	>桌面软件</a>					
							</li>
							<li>
								<a href="#"	>品牌及平面</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>方案</h3>
							<li>
								<a href="#"	>移动互联网</a>					
							</li>
							<li>
								<a href="#"	>在线金融</a>					
							</li>
							<li>
								<a href="#"	>传统企业转型</a>					
							</li>
							<li>
								<a href="#"	>医疗健康</a>					
							</li>
							<li>
								<a href="#"	>创业服务</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>发现</h3>
							<li>
								<a href="#"	>合作伙伴</a>					
							</li>
							<li>
								<a href="#"	>研究</a>					
							</li>
							<li>
								<a href="#"	>set point实验室</a>					
							</li>
							<li>
								<a href="#"	>留言板</a>					
							</li>
							<li>
								<a href="#"	>友情链接</a>					
							</li>
						</ul>
					</div>
					<ul class="list2 fl">
						<h3>商务合作</h3>
						<li>
							<a href="#"	>邮箱：hello@set point.cn</a>					
						</li>
						<li>
							<a href="#"	>手机：18813146300</a>					
						</li>
						<li>
							<a href="#"	>座机：（+86）010-57281080</a>					
						</li>
						<li>
							<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes"	>Q&nbsp;Q：94967751<img src="images/icon_10.jpg" />点击交谈</a>					
						</li>
						<li>
							<a href="#"	>地址：安徽合肥马鞍山路与南一环交叉口</a>					
						</li>
					</ul>
				</div>
				<li class="foot_bottom">
					<ul class="code">
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_05.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_06.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_07.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_08.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_09.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					</ul>
					<p>Copyright © 2014-2017 nicedesign 京ICP备15000202号-5</p>
				</div>
				
				
				<!--网页返回顶部-->
			<div class="back_top">
				<a href="#">
					<img src="images/top2.png" />
				</a>
			</div>
			<div class="messeage">
				<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes">
					<img src="images/Online.gif" />
				</a>
			</div>
		        
		</div>
	</body>
</html>
